<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div{
				border: solid 1px grey;
				margin-top: 3px;
			}
		
		</style>
	</head>
	<body>
		
		
		<!-- 使用颜色的名字 -->
		<div id="" style="color:red">
			我是红颜色的字color:red
		</div>
		
		<!-- 使用RGB -->
		<div id="" style="color:rgb(0,255,0)">
			我是绿色字color:rgb(0,255,0)
		</div>
		
		
		<!-- 十六进制 -->
		<div id="" style="color:#FF0000">
			我是红颜色的字
		</div>
		
		<!-- 十六进制的简写    
					红 FF   绿 FF   蓝FF
						F     F      F
			-->
		<div id="" style="color:#FFF;background-color: #000;">
			我是黑底白字
		</div>
		
		<div id="" style="color:#FFF;background-color: #666;">
			我是灰色的字体
		</div>
		
		<!-- 使用颜色的名字 -->
		<div id="" style="color:rgba(0,0,0)">
			我是黑颜色的字RGBA(0,0,0)
		</div>
		
		<!-- 使用颜色的名字  Alpha透明度  1:完全不透明  0 完全透明  -->
		<div id="" style="color:rgba(0,0,0,0.8)">
			我是黑颜色的字RGBA(0,0,0)color:rgba(0,0,0,0.8)
		</div>
		
		
	</body>
</html>
